﻿<div data-position="inline">
	<div id="logo">
		 <img src="/Images/logos/Logo_Mobile.png" alt="I Pick Movies" style="border: 0; height: 40;
			width: 120" />
			<div class="slogan">
				<span>Why? Let us pick them for you...</span>
			</div>
	</div>
</div>	<!-- header -->
<div style="margin: 0 0; text-align: center; vertical-align:middle">
	<hr style="color: silver; width:98%; text-align: center" size="1" />
	<h3>
@*	<a href="@Url.Action("Index", "Home")"><img src="/Images/socialmedia/refresh_circular.png" alt="refresh page" /></a>*@

	

	 @using (Html.BeginForm("Index","Home",FormMethod.Post))
  {
	  
	<span style="float:left;">
		<input type="image" src="/Images/socialmedia/refresh_circular.png" alt="refresh page" onsubmit=submitForm(); id="circularButton" data-role="none" />
		<a href="@Url.Action("Filter", "Home")"><img src="/Images/socialmedia/filter_circular.png" alt="settings" /></a>
		<a href="@Url.Action("Favorites", "Account")"><img src="/Images/socialmedia/favorite_cicular.png" alt="favorite movies" /></a>

	</span>
  }

	@*<span style="float:right; position:relative; margin: 0 5px 0 5px;"><img src="/Images/socialmedia/facebook_circular.png" alt="Share us on Facebook" /></span>
	<span style="float:right; position:relative; margin: 0 5px 0 5px;"><img src="/Images/socialmedia/twitter_circular.png" alt="Follow us on Twitter" /></span>
*@
	<span class="socialmedia_right"><a href="https://twitter.com/intent/tweet?button_hashtag=ipickmovies&text=Check%20out%20IPickMovies.com" data-url="http://www.ipickmovies.com" target="_blank"><img src="/Images/socialmedia/twitter_circular.png" alt="twitter page" /></a></span>
				<script>					!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");</script>	
	<span class="socialmedia_right"><a href="http://www.facebook.com/sharer.php?u=http://www.ipickmovies.com&t=I Pick Movies" target="_blank"><img src="/Images/socialmedia/facebook_circular.png" alt="facebook page" /></a></span>

	@*<span style="float:left;"><a href="/Home/Filter" data-role="button" data-icon="star" data-transition="slide" data-mini="true" data-theme="d" data-iconpos="notext">Favorites</a></span>*@
	</h3>
</div>
<br />
@*<div>
<div id="FilterButton" style="float: left; text-align: center; vertical-align: middle">
		</div>
<div id="RefreshButton" style="float: right; text-align: center; vertical-align: middle">
		
	</div>
</div>*@